<div class="top">
	<a href="#" class="logo-a"></a>
</div>
<div class="center">
	<div class="bj bj1"></div>
	<div class="bj bj2"></div>
	<div class="bj bj3"></div>
	<div class="bj bj4"></div>
	<div class="bj bj5"></div>
	<div class="biez"></div>
	<div class="box">
		<h2 class="h2">企业用户登录</h2>
		<div class="state">如果您是个人用户，请点击<span ng-click="tomap()">个人用户登录</span></div>
		<input id="input1" ng-model="username" class="account" type="text" maxlength="60" placeholder="电子邮箱"  ng-blur="bluRe()" />
		<input id="input2" ng-model="password" class="password" maxlength="18" type="password" placeholder="6-18个字符" ng-blur="bluRp()" />
		<input id="input3" class="code" type="text" maxlength="4" placeholder="请输入验证码" />
		<div class="codepic" ng-click="toLoGin()">
			<img id="codePic" src={{imgsrc}} alt="..." />
		</div>
		<label for="ye">
			<input id="ye" type="checkbox" ng-model="remember"/>
			<span>记住密码</span>
		</label>
		<a class="nopa" ng-click="nopa()">忘记密码?</a>
		<a class="forget" ng-click="tomaps()">注册</a>
		<div class="loginbtn" ng-click="dengL()">登录</div>
		<div class="red">邮箱/手机号错误！</div>
		<div class="red1">密码格式错误！</div>
	</div>
</div>

<div class="bottom">
	<div class="last">
		<ul>
			<li>
				<a href="#">关于我们</a>
			</li>
			<li>
				<a href="#">联系我们</a>
			</li>
			<li>
				<a href="#">意见反馈</a>
			</li>
			<li>
				<a href="#">帮助中心</a>
			</li>
			<li>
				<a href="#">服务条款</a>
			</li>
			<li>
				<a href="#">网站地图</a>
			</li>
		</ul>
	</div>
	<div class="lasts">
		<ul>
			<li>Coperight©2015-2020engineeringcircle.com All Right Reserved</li>
			<li>沪ICP证00099903号</li>
		</ul>
	</div>
</div>

<style>
			.bj {
				float: left;
				width: 100%;
			}
			.bj1 {	
				height: 119px;
				background: url("them/img/lgbj1.jpg") 0px 0px no-repeat;
				background-size: 100% 119px;
			}
			.bj2 {	
				height: 165px;
				background: url("them/img/lgbj2.jpg") 0px 0px no-repeat;
				background-size: 100% 165px;
			}
			.bj3 {	
				height: 166px;
				background: url("them/img/lgbj3.jpg") 0px 0px no-repeat;
				background-size: 100% 166px;
			}
			.bj4 {	
				height: 182px;
				background: url("them/img/lgbj4.jpg") 0px 0px no-repeat;
				background-size: 100% 182px;
			}
			.bj5 {	
				height: 138px;
				background: url("them/img/lgbj5.jpg") 0px 0px no-repeat;
				background-size: 100% 138px;
			}	
/*新的*/
.nopa {
	position: absolute;
	bottom: 98px;
	left: 123px;
	font-size: 12px;
	color: #fe8a23;
}
.nopa:hover {
	color: #fe8a23;
}
.state span {
	color: #30a3ff;
	cursor: pointer;
}
.state {
	width: 342px;
	height: 40px;
	background-color: #fff;
	font-size: 14px;
	color: #666;
	line-height: 40px;
	margin-top: 18px;
	padding-left: 38px;
}

/*之前的*/
	.top {
		width: 100%;
		height: 70px;
		background-color: #fff;
	}
	
	.top a {
		display: inline-block;
		width: 110px;
		height: 33px;
		background: url('them/img/logo.png') 0px 0px no-repeat;
		background-size: 110px 33px;
		margin-left: 83px;
		margin-top: 18px;
	}
	
	.center {
		position: relative;
		width: 100%;
		height: 770px;
		overflow: hidden;
	}
	
	.center img {
		width: 100%;
		height: 770px;
		overflow: hidden;
	}
	
	.biez {
		position: absolute;
		left: 307px;
		top: 97px;
		width: 31px;
		height: 44px;
		background: url("them/img/biez.png") 0px 0px no-repeat;
		background-size: 31px 44px;
		z-index: 4;
	}
	
	.box {
		position: absolute;
		width: 380px;
		height: 453px;
		background: url("them/img/zhezhou.png") 0px 0px no-repeat;
		top: 100px;
		left: 83px;
		border: 1px #ddd solid;
		box-shadow: 4px 8px 20px 0px #777;
		z-index: 2;
	}
	
	.h2 {
		display: inline-block;
		margin-top: 27px;
		margin-left: 39px;
		font-size: 16px;
		color: #000;
	}
	
	.tab:hover {
		color: #30a5ff;
	}
	
	.tab {
		display: inline-block;
		width: 47px;
		height: 16px;
		color: #30a5ff;
		font-size: 14px;
		background: url("them/img/rt.png") 35px 4px no-repeat;
		background-size: 12px 12px;
		margin-left: 138px;
	}
	
	.account {
		width: 260px;
		height: 38px;
		font-size: 12px;
		border: 1px #bbb solid;
		border-radius: 4px;
		margin-left: 38px;
		margin-top: 28px;
		padding-left: 40px;
		background: #fff url("them/img/eml1.png") 10px 13px no-repeat;
		background-size: 20px 13px;
	}
	
	#input6 {
		width: 260px;
		height: 38px;
		border: 1px #bbb solid;
		border-radius: 4px;
		font-size: 12px;
		margin-left: 38px;
		margin-top: 30px;
		padding-left: 40px;
		background: #fff url("them/img/phonenum-zc.png") 10px 10px no-repeat;
		background-size: 20px 20px;
	}
	
	.password {
		width: 260px;
		height: 38px;
		border: 1px #bbb solid;
		border-radius: 4px;
		margin-left: 38px;
		margin-top: 30px;
		font-size: 12px;
		padding-left: 40px;
		background: #fff url("them/img/eml2.png") 10px 10px no-repeat;
		background-size: 20px 19px;
	}
	
	.code {
		width: 168px;
		height: 38px;
		border: 1px #bbb solid;
		border-radius: 4px;
		font-size: 12px;
		margin-left: 38px;
		margin-top: 30px;
		padding-left: 10px;
	}
	
	.codepic {
		float: right;
		margin-right: 40px;
		margin-top: 30px;
		display: inline-block;
		width: 98px;
		height: 38px;
		border: 1px #bbb solid;
		border-radius: 4px;
		background-color: #fff;
		overflow: hidden;
	}
	
	.codepic img {
		width: 98px;
		height: 40px;
		overflow: hidden;
	}
	
	#ye {
		position: absolute;
		left: 39px;
		bottom: 99px;
	}
	
	label span {
		display: inline-block;
		position: absolute;
		left: 58px;
		bottom: 98px;
		font-size: 12px;
		color: #999;
	}
	
	.forget {
		position: absolute;
		right: 40px;
		bottom: 98px;
		color: #fe8a23;
		font-size: 12px;
		padding-right: 19px;
		background: url("them/img/or.png") 30px 2px no-repeat;
		background-size: 12px 12px;
	}
	
	.forget:hover {
		color: #fe8a23;
	}
	
	.loginbtn {
		position: absolute;
		bottom: 29px;
		left: 40px;
		width: 300px;
		height: 40px;
		border-radius: 4px;
		background-color: #fe8a23;
		font-size: 16px;
		color: #fff;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
	}
	
	.loginbtn:hover {
		color: #fff;
	}
	/*注册*/
	
	.box-zc {
		position: absolute;
		width: 380px;
		height: 568px;
		background: url("them/img/zhezhou.png") 0px 0px no-repeat;
		top: 100px;
		left: 83px;
		border: 1px #ddd solid;
		box-shadow: 4px 8px 20px 0px #777;
		z-index: 2;
		display: none;
	}
	
	.sp {
		position: absolute;
		bottom: 31px;
		left: 39px;
		color: #666;
		font-size: 14px;
	}
	
	.wx {
		position: absolute;
		bottom: 28px;
		left: 115px;
		width: 20px;
		height: 20px;
		background: url("them/img/weixin.png") 0px 0px no-repeat;
		background-size: 20px 20px;
	}
	
	.wb {
		position: absolute;
		bottom: 28px;
		left: 143px;
		width: 20px;
		height: 20px;
		background: url("them/img/weibo.png") 0px 0px no-repeat;
		background-size: 20px 20px;
	}
	
	.qq {
		position: absolute;
		bottom: 28px;
		left: 171px;
		width: 20px;
		height: 20px;
		background: url("them/img/qqq.png") 0px 0px no-repeat;
		background-size: 20px 20px;
	}
	
	.codetwo {
		text-align: center;
		line-height: 38px;
	}
	
	.box-zc input {
		font-size: 12px;
	}
	
	#y {
		position: absolute;
		left: 39px;
		bottom: 135px;
	}
	
	.bottom {
		width: 100%;
		height: 102px;
		background-color: #3e3e3e;
	}
	
	.last {
		width: 660px;
		margin: 0 auto;
	}
	
	.last ul li {
		display: inline-block;
		width: 105px;
		height: 12px;
		font-size: 14px;
		color: #fff;
		border-right: 2px #fff solid;
		text-align: center;
		margin-top: 30px;
	}
	
	.last ul li:nth-child(6) {
		border-right: none;
	}
	
	.last ul li a {
		display: inline-block;
		font-size: 14px;
		color: #fff;
		line-height: 14px;
		position: relative;
		bottom: 3px;
	}
	
	.lasts {
		width: 513px;
		margin: 0 auto;
		margin-top: 20px;
	}
	
	.lasts ul li {
		display: inline-block;
		font-size: 12px;
		color: #999;
	}
	
	.lasts ul li:last-child {
		margin-left: 24px;
	}
	
	.red {
		display: none;
		position: absolute;
		left: 44px;
		top: 178px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red1 {
		display: none;
		position: absolute;
		left: 44px;
		top: 246px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red2 {
		display: none;
		position: absolute;
		left: 44px;
		top: 120px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red3 {
		display: none;
		position: absolute;
		left: 44px;
		top: 190px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red4 {
		display: none;
		position: absolute;
		left: 44px;
		top: 260px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red5 {
		display: none;
		position: absolute;
		left: 44px;
		top: 330px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	.red6 {
		display: none;
		position: absolute;
		left: 44px;
		top: 396px;
		color: red;
		font-size: 12px;
		z-index: 99;
	}
	
	#getcode-zc {
		cursor: pointer;
	}
</style>